// 饼图
export function drawPieEcharts(charts, center, radius, legendTop, data) {
    // 指定图表的配置项和数据

    let option = {
        color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        toolbox: {
            show : false,
        },
        legend: {
            icon: 'circle',
            orient: 'vertical',
            right:'15%',
            top: legendTop,
            textStyle: {
                color:'#8C8C8C'
            },
            height:80
        },
        series : [
            {
                label: {
                    normal: {
                        show: true,
                        position: 'center',

                        label: {
                            show: false,
                        },
                        rich: {
                            a: {
                                color: '#fff',
                                fontSize: 18,
                                lineHeight: 30
                            },
                            b: {
                                color: 'yellow',
                                fontSize: 20,
                                foneWeight: 'bold',
                                textShadowBlur: 20,
                                textShadowColor: 'yellow'
                            },

                        }
                    }
                },
                name:'业务警种',
                type:'pie',
                radius :radius,
                center: center,

                data:data
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}
export function drawPie1Echarts(charts, center, radius, legendTop, data) {
    // 指定图表的配置项和数据
    let option = {
        color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        toolbox: {
            show : false,
        },
        legend: {
            show: false,
            icon: 'circle',
            orient: 'vertical',
            right:'15%',
            top: legendTop,
            textStyle: {
                color:'#8C8C8C'
            },
            height:80
        },
        series : [
            {
                type:'pie',
                radius :radius,
                center: center,
                label: {
                    show: true
                },
                data:data
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}
export function drawBarEcharts(charts, xdata, data) {
    // 指定图表的配置项和数据
    let option = {
        color: ['#1890ff'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#999' ,
                    width: 1 ,
                    type: 'solid'}
            },
            data: xdata
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#ededed' ,
                    width: 1 ,
                    type: 'dashed'}
            },
            axisTick: {
                show: false,
            }
        },
        series: [{
            barWidth: '25',
            type: 'bar',
            data: data,
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}
// 横向柱状图
export function drawBar1Echarts(charts, xdata, data) {
    // 指定图表的配置项和数据
    let option = {
        color: ['#1890ff'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            axisTick: {
                show: false
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#999' ,
                    width: 1 ,
                    type: 'solid'}
            },
            splitLine: {
                lineStyle: {
                    color: '#ededed' ,
                    width: 1 ,
                    type: 'dashed'}
            },
        },
        yAxis: {
            type: 'category',
            axisLine: {
                show: false,
            },
            axisTick: {
                show: false,
            },
            data: xdata
        },
        series: [{
            barWidth: '25',
            type: 'bar',
            data: data,
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}
//
export function drawBar2Echarts(charts, legendData, xdata, data) {
    // 指定图表的配置项和数据
    let option = {
        color: ['#1890ff','#95f204'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        legend: {
            data: legendData,
            icon: 'rect',
            top: "4%",
            right: '40',
            textStyle: {
                color: "#000",
                fontSize: 12
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#999' ,
                    width: 1 ,
                    type: 'solid'}
            },
            data: xdata
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#ededed' ,
                    width: 1 ,
                    type: 'dashed'}
            },
            axisTick: {
                show: false,
            }
        },
        series: data
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}
// 折线图
export function drawLineEcharts(charts, legendData, xdata, data) {
    // 指定图表的配置项和数据
    let option = {
        color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: legendData
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#999' ,
                    width: 1 ,
                    type: 'solid'}
            },
            boundaryGap: false,
            data: xdata
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#ededed' ,
                    width: 1 ,
                    type: 'dashed'}
            },
            axisTick: {
                show: false,
            }
        },
        series: data
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}
// 面积折线图
export function drawLine2Echarts(charts, legendData, xdata, data) {
    // 指定图表的配置项和数据
    let option = {
        color: ['#1890ff'],
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: legendData
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#999' ,
                    width: 1 ,
                    type: 'solid'}
            },
            boundaryGap: false,
            data: xdata
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#ededed' ,
                    width: 1 ,
                    type: 'dashed'}
            },
            axisTick: {
                show: false,
            }
        },
        series: [
            {
                type: 'line',
                smooth:true,
                itemStyle: {
                    normal: {
                        color:'#1890ff',
                        lineStyle: {
                            color: "#1890ff",
                            width:1
                        },
                        areaStyle: {
                            color: 'rgba(24, 144, 255, 0.4)'
                        }
                    }
                },
                data:  data
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    charts.setOption(option);
}